<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title></title>
		<!-- Bootstrap Styles-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" href="assets/css/bootstrap.css" />
		<link rel="stylesheet" href="assets/css/goods_edit.css" />

	</head>

	<body>
		<div style="text-align:center;clear:both;">
			<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
			<script src="/follow.js" type="text/javascript"></script>
		</div>
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<h1 class="page-header">
                                         商品管理<small> 修改商品</small>
                    </h1>
					<div>
						<a href="goods_manage.html"><button class="btn btn-info" style="float: right;">返回列表</button></a>
					</div>
				</div>
			</div>
			<br />
			<div class="table-responsive">
				<table class="table table-striped table-bordered table-hover" id="goods_manage">
					<tbody>
						<tr class="odd gradeX">
							<td>
								<font color="red">*</font>商品名称&nbsp;&nbsp;<input type="text" name="good_name" value="  陶瓷花瓶"></td>
							<td>

								<div>分类 &nbsp;&nbsp;<input type="text" id="Body" name="Body" value="花瓶">
									<xsl:value-of select="Context:GetRequest('Body')" />
									<select name="bigclass" id="bigclass" value="{Context:GetRequest('bigclass)}" onchange="_show(this)"></select>
									<select name="two" id="two" value="{Context:GetRequest('two')}" onchange="_xian(this)"></select>
									<select name="Title" id="Title" onchange="changebody()" value="{Context:GetRequest('Title')}"></select>
								</div>
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">品牌：&nbsp;&nbsp;&nbsp;&nbsp;
								<select id="brand_status" name="brand_status">
									<option value="请选择品牌">请选择品牌</option>
									<option value="云想">云想</option>
									<option value="麦森">麦森</option>
									<option value="鸣海">鸣海</option>
								</select>
							</td>

						</tr>
						<tr class="even gradeC">
							<td colspan="2">设置：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="checkbox">推荐&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="checkbox">特价&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="checkbox">热卖&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="checkbox">新品&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">是否上架&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="radio">是&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="radio">否
							</td>
						</tr>

						<tr class="even gradeC">
							<td colspan="2">颜色								
								<div class="upload-content">
									<div class="content-img">
										<ul class="content-img-list">
											<!-- <li class="content-img-list-item"><img src="https://www.baidu.com/img/bd_logo1.png" alt=""><a class="delete-btn"><i class="ico-delete"></i></a></li> -->
										</ul>
										<div class="file">
											<i class="ico-plus"></i>上传图片，支持jpg/png<input type="file" name="file" accept="image/*" id="upload">
										</div>
									</div>
									<div class="upload-tips">
										最多上传4张图片，单张1M
									</div>
								</div>
			
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">版本&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="checkbox" checked="checked">简约风
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">购买方式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="checkbox" checked="checked">货到付款&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="checkbox" checked="checked">网上付款
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">
								<font color="red">*</font>
								<a href="goods_configuration.html">
									<input id="goods_configuration" name="goods_configuration" type="button"class="btn btn-info" value="选择商品配置"/>
								</a>
							</td>
						</tr>
						
						<tr class="even gradeC">
							<td colspan="2">警戒库存&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="text" value="50" name="">
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">产品款式集&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<div class="upload-content">
									<div class="content-img">
										<ul class="content-img-list">
											<!-- <li class="content-img-list-item"><img src="https://www.baidu.com/img/bd_logo1.png" alt=""><a class="delete-btn"><i class="ico-delete"></i></a></li> -->
										</ul>
										<div class="file">
											<i class="ico-plus"></i>上传图片，支持jpg/png<input type="file" name="file" accept="image/*" id="upload">
										</div>
									</div>
									<div class="upload-tips">
										最多上传4张图片，单张1M
									</div>
								</div>
			
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">分享内容&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="text">
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">页面标题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="text">
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">关  键  字&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="text">
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">商品详情&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<textarea id="goods" rows="5" cols="50" style="vertical-align:top"></textarea>
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2">售后服务&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<textarea id="goods" rows="5" cols="50" style="vertical-align:top"></textarea>
							</td>
						</tr>
						<tr class="even gradeC">
							<td colspan="2"><input type="submit" value="提交" class="btn btn-info">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="reset" value="重选" class="btn btn-default" style="margin-left: 100px;">
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<script>
			var big_class = ["家具", "装饰品"];
			var middle_class = [
				["床", "沙发", "桌子", "椅子"],
				["花瓶", "灯具", "布艺品"]
			];
			var xian = [
				[
					["单人床", "双人床"],
					["皮质", "木质"],
					["八仙桌", "餐桌"],
					["塑料椅", "木椅"]
				],
				[
					["玻璃", "陶瓷"],
					["落地灯", "吊灯"],
					["窗帘", "地毯"]
				]
			];
			//得到省的下拉对象
			var big = document.getElementsByTagName("select")[0];
			for(var i = 0; i < big_class.length; i++) {
				var op = document.createElement("option"); //创建元素节点
				op.setAttribute("value", i); //设置元素节点的 属性
				op.setAttribute("id", i);
				var tx = document.createTextNode(big_class[i]); //创建文本节点
				op.appendChild(tx); //把文本节点放在元素节点中
				big.appendChild(op); //把元素节点放在select对象中

			}

			function _show(obj) {
				var sVal = obj.value;
				var middle = document.getElementsByTagName("select")[1];
				middle.innerText = ""; //?偷懒

				//通过省的编码，得到市的一维 数组，在循环一维数组
				for(var i = 0; i < middle_class[sVal].length; i++) {
					var op = document.createElement("option"); //创建元素节点
					op.setAttribute("value", "" + sVal + i); //设置元素节点的 属性
					var tx = document.createTextNode(middle_class[sVal][i]); //创建文本节点
					op.appendChild(tx); //把文本节点放在元素节点中
					middle.appendChild(op); //把元素节点放在select对象中

				}
				var first = obj.options[obj.selectedIndex].text;
				document.getElementById('Body').value = first;
			}

			function _xian(obj) {
				var sVal = obj.value;
				var x = document.getElementsByTagName("select")[2];
				x.innerText = ""; //?偷懒

				var big = Math.round(sVal / 10, 0);
				var middle = sVal % 10;
				//通过省的编码，得到市的一维 数组，在循环一维数组

				for(var i = 0; i < xian[big][middle].length; i++) {

					var op = document.createElement("option"); //创建元素节点

					//					op.setAttribute("value", "" + sVal + i); //设置元素节点的 属性
					var tx = document.createTextNode(xian[big][middle][i]); //创建文本节点
					op.appendChild(tx); //把文本节点放在元素节点中
					x.appendChild(op); //把元素节点放在select对象中
				}
				var second = obj.options[obj.selectedIndex].text;
				document.getElementById('Body').value = second;
			}
		</script>
		<script>
			function changebody() {
				var val = document.getElementById('Title').value;
				document.getElementById('Body').value = val;
			}
		</script>
		<!-- /. WRAPPER  -->
		<!-- JS Scripts-->
		<!-- jQuery Js -->
		<!-- Bootstrap Js -->
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
		<script type="text/javascript" src="assets/js/jquery-3.3.1.js"></script>
		<script type="text/javascript" src="assets/js/bootstrap.js"></script>
		<script type="text/javascript" src="assets/js/jquery.metisMenu.js"></script>
		<script type="text/javascript" src="assets/js/custom-scripts.js"></script>
        <script src="assets/js/index.js"></script>
	</body>

</html>